package com.roger.homecenterscreen.ui.components

import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.roger.homecenterscreen.utils.SystemUtils

/**
 * RTMode错误说明组件
 * 解释MIUI系统中RTMode错误的原因和解决方案
 */
@Composable
fun RTModeErrorExplanation() {
    if (!SystemUtils.isMIUI()) {
        return
    }
    
    var isExpanded by remember { mutableStateOf(false) }
    
    Card(
        modifier = Modifier
            .fillMaxWidth()
            .padding(8.dp),
        colors = CardDefaults.cardColors(
            containerColor = Color(0xFFFFF3CD) // 淡黄色背景
        ),
        elevation = CardDefaults.cardElevation(defaultElevation = 4.dp)
    ) {
        Column(
            modifier = Modifier.padding(12.dp)
        ) {
            // 标题和折叠按钮
            Row(
                modifier = Modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.SpaceBetween,
                verticalAlignment = Alignment.CenterVertically
            ) {
                Row(
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Text(
                        text = "⚠️",
                        fontSize = 16.sp
                    )
                    Spacer(modifier = Modifier.width(8.dp))
                    Text(
                        text = "MIUI系统说明",
                        fontSize = 14.sp,
                        fontWeight = FontWeight.Bold,
                        color = Color(0xFF856404)
                    )
                }
                
                TextButton(
                    onClick = { isExpanded = !isExpanded }
                ) {
                    Text(
                        text = if (isExpanded) "收起" else "展开",
                        fontSize = 12.sp,
                        color = Color(0xFF856404)
                    )
                }
            }
            
            // 可折叠内容
            if (isExpanded) {
                Spacer(modifier = Modifier.height(8.dp))
                
                Text(
                    text = """
                        在MIUI系统中，您可能会遇到以下情况：
                        
                        🔸 语音功能需要特殊权限
                        • 请确保录音权限已开启
                        • 允许应用读取电话状态
                        • 允许修改音频设置
                        
                        🔸 网络权限可能受限
                        • RTMode错误通常由网络权限引起
                        • 请检查应用的网络权限设置
                        
                        🔸 电池优化影响
                        • 关闭应用的电池优化
                        • 允许应用后台运行
                        
                        🔸 解决方案
                        1. 进入手机设置 > 应用管理
                        2. 找到"家庭中心屏"应用
                        3. 检查并开启所有必要权限
                        4. 关闭电池优化
                        5. 重启应用
                        
                        如问题持续，请确保MIUI版本兼容性。
                    """.trimIndent(),
                    fontSize = 12.sp,
                    lineHeight = 16.sp,
                    color = Color(0xFF856404)
                )
            } else {
                Text(
                    text = "在MIUI系统中可能需要手动设置权限。点击展开查看详情。",
                    fontSize = 12.sp,
                    color = Color(0xFF856404)
                )
            }
        }
    }
}